.index{
    height: 100vh;
    width: 100vw;
    position: relative;
}
.bg{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.logo{
    position: absolute;
    z-index: 2;
    top: 12vh;
    width: 80vw;
    height: 15vh;
    left: 50%;
    margin-left: -40vw;
}
.shuru{
    position: absolute;
    z-index: 2;
    top: 40vh;
    width: 80vw;
    height: 15vh;
    left: 50%;
    margin-left: -40vw;
}
.at-input{
    background-color: #3796e7;
}
.at-input__title{
    color: #fff;
}
.at-input input {
    color: #fff;
}
.dengl{
    position: absolute;
    z-index: 2;
    top: 68vh;
    width: 80vw;
    height: 8vh;
    left: 50%;
    margin-left: -40vw;
    background: #fff;
    color: #1562d6;
    border-radius: 10px;
    font-size:36px;
    font-family:PingFang SC;
    font-weight:500;
    // color:rgba(255,255,255,1);
    // font-size: 24px;
}
.qiehuan{
    position: absolute;
    z-index: 2;
    top: 58vh;
    width: 80vw;
    height: 8vh;
    left: 50%;
    margin-left: -40vw;
   
    color: #1562d6;
    border-radius: 10px;
    font-size:36px;
    font-family:PingFang SC;
    font-weight:500;
}
.at-switch{
    background-color: #3796e7 !important;
    padding: 0px;
}
.at-switch__container {
    background-color: #3796e7 !important;
}
.dengl2{
    position: absolute;
    z-index: 2;
    top: 80vh;
    width: 80vw;
    height: 8vh;
    left: 50%;
    margin-left: -40vw;
    // background: #fff;
    font-size:24px;
    font-family:PingFang SC;
    font-weight:500;
    // color:rgba(153,153,153,1);
    text-align: center;
    color:rgba(255,255,255,1);
    // font-size: 24px;
}
.at-button__wxbutton{

}